common.js ➔ draw - Code Metrics - Inspection of "v3.13 release" - MikeCoder/MJsonViewer - Measure and Improve Code Quality continuously with Scrutinizer

Completed

Push — master ( 309191...e78567 )

by Dongxin

created 2018-03-02 11:39 UTC

common.js ➔ draw B

↳ Parent: scripts/common.js

Complexity

Conditions	2
Paths	2

Size

Total Lines

118

Duplication

Lines	0
Ratio	0 %

Importance

Changes	3
Bugs	0	Features	1

Metric	Value
cc	2
c	3
b	0
f	1
nc	2
nop	3
dl	0
loc	118
rs	8.2857

1 Function

Rating	Name	Duplication	Size	Complexity
F	common.js ➔ ... ➔ parse	0	84	20

How to fix Long Method

// Copyright © 2017 Tangdongxin

// Permission is hereby granted, free of charge, to any person obtaining
// A copy of this software and associated documentation files (the "Software"),
// To deal in the Software without restriction, including without limitation
// The rights to use, copy, modify, merge, publish, distribute, sublicense,
// And/or sell copies of the Software, and to permit persons to whom the
// Software is furnished to do so, subject to the following conditions:
// The above copyright notice and this permission notice shall be included
// In all copies or substantial portions of the Software.

// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
// EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
// OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
// IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM,
// DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
// TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE
// OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.


let bgColor; // Background color

let intColor; // Integer color

let strColor; // String color

let keyColor; // K-v key color

let defaultColor; // Default text color

let fontStyle; // Font-family

let fontSize; // Font-size

let strictOnly; // Only deal with the application/json response

let hideDetails; // Hide the count and size
let dontBeatify; // Hide the [str] or [json]

let strLength; // String length

let isDebug; // Debug mode
// ===========================================
// DEFAULT VALUES
// ===========================================
const RAND = 'MIKE';
const HOV = `H${ RAND}`;

const DIV = `D${ RAND}`;
const KEY = `K${ RAND}`;
const STR = `S${ RAND}`;
const BOOL = `B${ RAND}`;
const ERR = `E${ RAND}`;
const COLL = `C${ RAND}`;


// ===========================================
// COMMON FUNCTIONS
// ===========================================
function onError (result, error) {


  console.log(result);


}

function dlog (target) {

  if (isDebug) {


    console.log(target);


  }

}

function reconvert (str) {

  str = str.replace(/(\\u)(\w{1,4})/gi, function ($0) {

    return String.fromCharCode(parseInt(escape($0).replace(/(%5Cu)(\w{1,4})/g, '$2'), 16));

  });
  str = str.replace(/(&#x)(\w{1,4});/gi, function ($0) {

    return String.fromCharCode(parseInt(escape($0).replace(/(%26%23x)(\w{1,4})(%3B)/g, '$2'), 16));

  });
  str = str.replace(/(&#)(\d{1,6});/gi, function ($0) {

    return String.fromCharCode(parseInt(escape($0).replace(/(%26%23)(\d{1,6})(%3B)/g, '$2')));

  });

  return str;

}

function units (size) {

  return size > 1048576 ? `${0 | size / 1048576 }MB` :
    size > 1024 ? `${0 | size / 1024 }KB` :
      `${size }B`;

}

function fragment (div, a, b) {

  const frag = document.createDocumentFragment();
  frag.appendChild(document.createTextNode(a));
  if (b) {

    frag.appendChild(div.cloneNode());
    frag.appendChild(document.createTextNode(b));

  } else {

    frag.appendChild(document.createElement('br'));

  }
  return frag;

}

function change (node, query, name, set) {

  let list = node.querySelectorAll(query),
    i = list.length;
  for (; i--;) {

    list[i].classList[set ? 'add' : 'remove'](name);

  }

}

function draw (str, current, isEmbed = false) {

  const re = /("(?:((?:https?|file):\/\/(?:\\?\S)+?)|(?:\\?.)*?)")\s*(:?)|-?\d+\.?\d*(?:e[+-]?\d+)?|true|false|null|[[\]{},]|(\S[^-[\]{},"\d]*)/gi;
  let node = document.createElement('div');
  node.classList.add(DIV);
  const link = document.createElement('a');
  const span = document.createElement('span');
  const info = document.createElement('i');
  const colon = document.createTextNode(': ');
  const comma = fragment(node, ',');
  const path = [];
  const cache = {
    '{': fragment(node, '{', '}'),
    '[': fragment(node, '[', ']'),
  };

  node.className = `R${ RAND}`;
  link.classList.add(`L${ RAND}`);
  if (isEmbed) {

    info.classList.add(`IJSON${ RAND}`);

  } else {

    info.classList.add(`I${ RAND}`);

  }

  parse(str, re);

  current.innerHTML = node.innerHTML;

  function parse (str, re) {

    str = reconvert(str);
    let match, val, tmp, i = 0;

    const len = str.length;
    try {

      for (; match = re.exec(str);) {

        val = match[0];
        if (val == '{' || val == '[') {

          path.push(node);

          node.appendChild(cache[val].cloneNode(true));
          node = node.lastChild.previousSibling;
          node.len = 1;
          node.start = re.lastIndex;

        } else if ((val == '}' || val == ']') && node.len) {

          if (node.childNodes.length) {

            tmp = info.cloneNode();
            const content = node.len + (
              node.len == 1 ?
                val == ']' ? ' item, ' : ' property, ' :
                val == ']' ? ' items, ' : ' properties, '
            ) + units(re.lastIndex - node.start + 1);

            if (hideDetails) {

              tmp.setAttribute('title', content);

            } else {

              tmp.dataset.content = content;

            }

            if ((val = node.previousElementSibling) && val.className == KEY) {

              tmp.dataset.key = reconvert(val.textContent.slice(1, -1).replace(/'/, '\\\''));

            }
            node.parentNode.insertBefore(tmp, node);

          } else {

            node.parentNode.removeChild(node);

          }
          node = path.pop();

        } else if (val == ',') {

          node.len += 1;
          node.appendChild(comma.cloneNode(true));

        } else {

          tmp = span.cloneNode();
          tmp.textContent = match[1] || val;
          tmp.classList.add(match[3] ? KEY : match[1] ? STR : match[4] ? ERR : BOOL);
          node.appendChild(tmp);
          if (match[3]) {

            node.appendChild(colon.cloneNode());

          }

        }

      }
      document.title = '';
      JSON.parse(str);

    } catch (e) {

      dlog(e);
      // TODO: find a better way to report error

    }

  }

}


1			// Copyright © 2017 Tangdongxin
2
3			// Permission is hereby granted, free of charge, to any person obtaining
4			// A copy of this software and associated documentation files (the "Software"),
5			// To deal in the Software without restriction, including without limitation
6			// The rights to use, copy, modify, merge, publish, distribute, sublicense,
7			// And/or sell copies of the Software, and to permit persons to whom the
8			// Software is furnished to do so, subject to the following conditions:
9			// The above copyright notice and this permission notice shall be included
10			// In all copies or substantial portions of the Software.
11
12			// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
13			// EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
14			// OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
15			// IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM,
16			// DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
17			// TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE
18			// OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
19
20
21			let bgColor; // Background color
			0 ignored issues – show Unused Code introduced 2017-12-12 12:29 UTC by Report Bug Copy Issue Report The variable `bgColor` seems to be never used. Consider removing it. Loading history...
22			let intColor; // Integer color
			0 ignored issues – show Unused Code introduced 2017-12-12 12:29 UTC by Report Bug Copy Issue Report The variable `intColor` seems to be never used. Consider removing it. Loading history...
23			let strColor; // String color
			0 ignored issues – show Unused Code introduced 2017-12-12 12:29 UTC by Report Bug Copy Issue Report The variable `strColor` seems to be never used. Consider removing it. Loading history...
24			let keyColor; // K-v key color
			0 ignored issues – show Unused Code introduced 2017-12-12 12:29 UTC by Report Bug Copy Issue Report The variable `keyColor` seems to be never used. Consider removing it. Loading history...
25			let defaultColor; // Default text color
			0 ignored issues – show Unused Code introduced 2017-12-12 12:29 UTC by Report Bug Copy Issue Report The variable `defaultColor` seems to be never used. Consider removing it. Loading history...
26			let fontStyle; // Font-family
			0 ignored issues – show Unused Code introduced 2017-12-12 12:29 UTC by Report Bug Copy Issue Report The variable `fontStyle` seems to be never used. Consider removing it. Loading history...
27			let fontSize; // Font-size
			0 ignored issues – show Unused Code introduced 2017-12-12 12:29 UTC by Report Bug Copy Issue Report The variable `fontSize` seems to be never used. Consider removing it. Loading history...
28			let strictOnly; // Only deal with the application/json response
			0 ignored issues – show Unused Code introduced 2017-12-12 12:29 UTC by Report Bug Copy Issue Report The variable `strictOnly` seems to be never used. Consider removing it. Loading history...
29			let hideDetails; // Hide the count and size
30			let dontBeatify; // Hide the [str] or [json]
			0 ignored issues – show Unused Code introduced 2017-12-12 12:29 UTC by Report Bug Copy Issue Report The variable `dontBeatify` seems to be never used. Consider removing it. Loading history...
31			let strLength; // String length
			0 ignored issues – show Unused Code introduced 2017-12-19 14:04 UTC by Report Bug Copy Issue Report The variable `strLength` seems to be never used. Consider removing it. Loading history...
32			let isDebug; // Debug mode
33			// ===========================================
34			// DEFAULT VALUES
35			// ===========================================
36			const RAND = 'MIKE';
37			const HOV = `H${ RAND}`;
			0 ignored issues – show Unused Code introduced 2018-03-02 11:43 UTC by Report Bug Copy Issue Report The constant `HOV` seems to be never used. Consider removing it. Loading history...
38			const DIV = `D${ RAND}`;
39			const KEY = `K${ RAND}`;
40			const STR = `S${ RAND}`;
41			const BOOL = `B${ RAND}`;
42			const ERR = `E${ RAND}`;
43			const COLL = `C${ RAND}`;
			0 ignored issues – show Unused Code introduced 2018-03-02 11:43 UTC by Report Bug Copy Issue Report The constant `COLL` seems to be never used. Consider removing it. Loading history...
44
45			// ===========================================
46			// COMMON FUNCTIONS
47			// ===========================================
48			function onError (result, error) {
			0 ignored issues – show Unused Code introduced 2017-12-12 12:29 UTC by Report Bug Copy Issue Report The parameter `error` is not used and could be removed. This check looks for parameters in functions that are not used in the function body and are not followed by other parameters which are used inside the function. Loading history...
49
50			console.log(result);
			0 ignored issues – show Debugging Code introduced 2017-12-12 12:29 UTC by Report Bug Copy Issue Report `console.log` looks like debug code. Are you sure you do not want to remove it? Loading history...
51
52			}
53
54			function dlog (target) {
55
56			if (isDebug) {
			0 ignored issues – show Bug introduced 2017-12-19 14:04 UTC by Report Bug Copy Issue Report The variable `isDebug` seems to be never initialized. Loading history...
57
58			console.log(target);
			0 ignored issues – show Debugging Code introduced 2017-12-19 14:04 UTC by Report Bug Copy Issue Report `console.log` looks like debug code. Are you sure you do not want to remove it? Loading history...
59
60			}
61
62			}
63
64			function reconvert (str) {
65
66			str = str.replace(/(\\u)(\w{1,4})/gi, function ($0) {
67
68			return String.fromCharCode(parseInt(escape($0).replace(/(%5Cu)(\w{1,4})/g, '$2'), 16));
69
70			});
71			str = str.replace(/(&#x)(\w{1,4});/gi, function ($0) {
72
73			return String.fromCharCode(parseInt(escape($0).replace(/(%26%23x)(\w{1,4})(%3B)/g, '$2'), 16));
74
75			});
76			str = str.replace(/(&#)(\d{1,6});/gi, function ($0) {
77
78			return String.fromCharCode(parseInt(escape($0).replace(/(%26%23)(\d{1,6})(%3B)/g, '$2')));
79
80			});
81
82			return str;
83
84			}
85
86			function units (size) {
87
88			return size > 1048576 ? `${0 \| size / 1048576 }MB` :
89			size > 1024 ? `${0 \| size / 1024 }KB` :
90			`${size }B`;
91
92			}
93
94			function fragment (div, a, b) {
95
96			const frag = document.createDocumentFragment();
97			frag.appendChild(document.createTextNode(a));
98			if (b) {
99
100			frag.appendChild(div.cloneNode());
101			frag.appendChild(document.createTextNode(b));
102
103			} else {
104
105			frag.appendChild(document.createElement('br'));
106
107			}
108			return frag;
109
110			}
111
112			function change (node, query, name, set) {
113
114			let list = node.querySelectorAll(query),
115			i = list.length;
116			for (; i--;) {
117
118			list[i].classList[set ? 'add' : 'remove'](name);
119
120			}
121
122			}
123
124			function draw (str, current, isEmbed = false) {
125
126			const re = /("(?:((?:https?\|file):\/\/(?:\\?\S)+?)\|(?:\\?.)?)")\s(:?)\|-?\d+\.?\d(?:e[+-]?\d+)?\|true\|false\|null\|[[\]{},]\|(\S[^-[\]{},"\d])/gi;
127			let node = document.createElement('div');
128			node.classList.add(DIV);
129			const link = document.createElement('a');
130			const span = document.createElement('span');
131			const info = document.createElement('i');
132			const colon = document.createTextNode(': ');
133			const comma = fragment(node, ',');
134			const path = [];
135			const cache = {
136			'{': fragment(node, '{', '}'),
137			'[': fragment(node, '[', ']'),
138			};
139
140			node.className = `R${ RAND}`;
141			link.classList.add(`L${ RAND}`);
142			if (isEmbed) {
143
144			info.classList.add(`IJSON${ RAND}`);
145
146			} else {
147
148			info.classList.add(`I${ RAND}`);
149
150			}
151
152			parse(str, re);
153
154			current.innerHTML = node.innerHTML;
155
156			function parse (str, re) {
157
158			str = reconvert(str);
159			let match, val, tmp, i = 0;
			0 ignored issues – show Unused Code introduced 2017-12-13 17:30 UTC by Report Bug Copy Issue Report The variable `i` seems to be never used. Consider removing it. Loading history...
160			const len = str.length;
161			try {
162
163			for (; match = re.exec(str);) {
164
165			val = match[0];
166			if (val == '{' \|\| val == '[') {
167
168			path.push(node);
			0 ignored issues – show Bug introduced 2017-01-13 02:46 UTC by Report Bug Copy Issue Report The variable `node` is changed as part of the for loop for example by `node.lastChild.previousSibling` on line `170`. Only the value of the last iteration will be visible in this function if it is called after the loop. Loading history...
169			node.appendChild(cache[val].cloneNode(true));
170			node = node.lastChild.previousSibling;
171			node.len = 1;
172			node.start = re.lastIndex;
173
174			} else if ((val == '}' \|\| val == ']') && node.len) {
175
176			if (node.childNodes.length) {
177
178			tmp = info.cloneNode();
179			const content = node.len + (
180			node.len == 1 ?
181			val == ']' ? ' item, ' : ' property, ' :
182			val == ']' ? ' items, ' : ' properties, '
183			) + units(re.lastIndex - node.start + 1);
184
185			if (hideDetails) {
186
187			tmp.setAttribute('title', content);
188
189			} else {
190
191			tmp.dataset.content = content;
192
193			}
194
195			if ((val = node.previousElementSibling) && val.className == KEY) {
196
197			tmp.dataset.key = reconvert(val.textContent.slice(1, -1).replace(/'/, '\\\''));
198
199			}
200			node.parentNode.insertBefore(tmp, node);
201
202			} else {
203
204			node.parentNode.removeChild(node);
205
206			}
207			node = path.pop();
208
209			} else if (val == ',') {
210
211			node.len += 1;
212			node.appendChild(comma.cloneNode(true));
213
214			} else {
215
216			tmp = span.cloneNode();
217			tmp.textContent = match[1] \|\| val;
218			tmp.classList.add(match[3] ? KEY : match[1] ? STR : match[4] ? ERR : BOOL);
219			node.appendChild(tmp);
220			if (match[3]) {
221
222			node.appendChild(colon.cloneNode());
223
224			}
225
226			}
227
228			}
229			document.title = '';
230			JSON.parse(str);
231
232			} catch (e) {
233
234			dlog(e);
235			// TODO: find a better way to report error
236
237			}
238
239			}
240
241			}
242

MikeCoder / MJsonViewer

Push — master ( 309191...e78567 )

common.js ➔ draw B

Complexity

Size

Duplication

Importance

1 Function

How to fix Long Method

Long Method

Duplication Side-by-Side

Filter issues like